<template>
  <div class="manager-container">
    <ManagerHeader />
    <div style="display: flex">
      <ManagerSidebar />
      <div class="manager-main-right">
        <RouterView  />
      </div>
    </div>
  </div>
</template>

<script setup>
import ManagerHeader from "./managerCom/ManagerHeader.vue";
import ManagerSidebar from "./managerCom/ManagerSidebar.vue";

const updateUser = () => {
  data.user = JSON.parse(localStorage.getItem('user') || '{}');
};
</script>

<style scoped>
@import "@/assets/css/manager.css";

.manager-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.manager-main-right {
  margin-left: 220px; /* Match the sidebar width */
  padding: 20px;
  flex-grow: 1;
}
</style>



